
/* the overlayed element */
div.overlay {
	position:relative;
	/* growing background image */
	background-image:url(../img/red.png);
	
	/* dimensions after the growing animation finishes  */
	width:556px;
	height:424px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:50px;
	color:#fff;	
}

/* 
	image is contained on the overlay background image. 
	the closing button is thus just a transparent container. 
*/
div.overlay div.close {
	background:none;
	position:absolute;
	left:8px;
	top:8px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* simple css-based tooltip */ 
div.tooltip { 
    background-color:#000; 
    outline:1px solid #669; 
    border:2px solid #fff; 
    padding:10px 15px; 
    width:200px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; 
 
    /* outline radius for mozilla/firefox only */ 
    outline-radius:4px; 
    -moz-outline-radius:4px; 
    -webkit-outline-radius:4px; 
}

#replace_event{
       display:none;
       
       width: 60%;
       border:2px dotted #A9A537;
       padding: 10px 15px;
       margin:0px;
       background: #DFDED0 url(../img/profile_bg.jpg) top right no-repeat;
}

.event{
       font-size: .8em;
       text-align: left;
       color: #000000;
       white-space:nowrap;
       overflow:hidden;
}

.event_spanning{
       font-size: .8em;
       padding: -50px;
       text-align: left;
       color: #60451A;
       background-color: #DFDED0;
       white-space:nowrap;
       overflow:hidden;
       text-decoration:none;
}

.event_all_day{
       font-size: .8em;
       padding: -50px;
       text-align: left;
       color: #fff;
       background-color: #FFA31A;
       white-space:nowrap;
       overflow:hidden;
}

.item{
       margin:0px 0px 0px 200px;
       padding:0;
       float:left;
       min-height:50px;
       min-width:200px;
       position: relative;
}

#event.left a img{
       float:left;
       text-decoration:none;
       border: none;
}

.containerr{
       font-size: 1em;
       height:100px;
       text-align:right;
       position: static;
	   padding: 0 2px 0 2px
}

.calendar_center{text-align:center;}

.event_container{
       
       float: left;
}

.date{
       background: #C3ACA4;
		text-align:left;
       
}

.selected_date{
       background: #60451A;
       color:  #A9A537;
}

.full{
       width: 100%;
       height: 500px;
       text-align:center;
       overflow:hidden;
       table-layout:fixed;
       float:left;

}

#sidebar {
		max-width: 29%;	
}





fieldset {  
       position: relative;
       clear: left;
       width: 100%;
       margin: 10px 0 0 0;
}

.time{
       width:45px;
       margin: 5px;
}

.calendarform{
	width: 400px;
	margin: 5px 0px 5px 0px;
	position:absolute;
	left:175px;
}

.calendar_info{
	text-align: left;
	margin: 10px auto;
	padding: 5px;
	padding-left: 30px;
	background: #D4E0EE url(../img/icons/information.png) no-repeat 2% 50%;
	border: 1px solid #A8C3E1;
	display:none;width:80%;
}

#full_calendar a {
       position: static;
}

#welcome {
       width: 60%;
       background: #DFDED0 url(../img/profile_bg.jpg) top right no-repeat;
       border:2px dotted #A9A537;
       padding: 10px 15px;
}

.home_col {
       float: left;
       clear: right;
       width: 255px;
       margin-left: 5px;
       padding: 0;
       font-size: 13px;
       background: #60451A;
       min-height: 175px;
}

.home_col h1 {
       color: #60451A;
       background: #d4d3bf;
       padding: 5px;
       padding-right: 10px;
       border-bottom: 3px solid #a9a537;
}

.home_col ul {
       margin: 0;
       list-style-type: none;
       font-size: .85em;
}

.home_col li {
       color: #A9A537;
}

.home_col li a:link,
.home_col li a:visited {
       display: block;
       padding: 5px;
       color: #A9A537;
       border: none;
       border-bottom: 1px dotted #A9A537;
}

.home_col li a:hover,
.home_col li a:active {
       display: block;
       padding: 5px;
       color: #A9A537;
       background: #4B3412;
}

.home_col li span {
       font-weight: bold;
       color: #FCFBDC;
}

#items {
       clear: right;
       background: #D4D3BF;
       min-width: 100%;
       min-height:80px;
       font-size: 13px;
       display:inline;

}

#items li a:link,
#items li a:visited {
       color: #60451A;
       border-top: 1px dotted #A9A537;
       background: #DFDED0;
       border-left: 4px solid #A9A537;
}


#items li a:hover,
#items li a:active {
       color: #60451A;
       border-left: 4px solid #4B3412;
}

#items li span {
       font-weight: bold;
       color: #4B3412;
}

#items h1 {
       color: #60451A;
       background: #d4d3bf;
       padding: 5px;
       padding-right: 10px;
       border-bottom: 3px solid #a9a537;
       border:none;
}
